<template>
	<view>
		<view class="kjmmxertxse">

		</view>
		<view class="pr pt40 pd">
			<view class="fz32">
				余额：
				<image src="../../../static/img/jindou.png" mode="widthFix" class="cz dfgdfyuys"></image>
				<text class="ml20">7530 K豆</text>
			</view>
			<view class="mt40 fz22 z9">
				K豆充值后不可提现。
			</view>
			<view class="parentsdsdrf mt50">
				<view class="lkjmnkertkx pd row fz32" v-for="sd in 8">
					<view class="col">
						<image src="../../../static/img/jindou.png" mode="widthFix" class="cz dfgdfyuys"></image>
						<text class="fz32 ml20">10</text>
					</view>
					￥1
				</view>
			</view>
			<view class="kkjnmksddft cen">
				<button type="default" class="fglsjdser" @tap="hf('payment')">确认</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		components: {

		},
		methods: {

		},
		mounted() {

		}
	}
</script>
<style scoped>
	.kjmmxertxse {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 1;
	}

	.dfgdfyuys {
		width: 36upx;
	}

	.parentsdsdrf {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
		grid-column-gap: 34px;
		grid-row-gap: 30px;
	}
	.lkjmnkertkx{
		height:106upx;
		line-height: 106upx;
		background:rgba(250,250,250,1);
		opacity:1;
		border-radius:12upx;
	}
	.kkjnmksddft{
		margin-top: 200upx;
	}
	.fglsjdser{
		width:560upx;
		height:120upx;
		line-height: 120upx;
		color: #fff;
		font-size: 36upx;
		background:rgba(22,137,213,1);
		border:2upx solid rgba(22,137,213,1);
		box-shadow:0px 6upx 12upx rgba(0,0,0,0.16);
		opacity:1;
		border-radius:12upx;
	}
</style>
